<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">
		<style type="text/css">
.right {
	background: rgb(231, 231, 231) url('../images/message.png') no-repeat
		center center;
}

#wrap {
	margin-left: 150px;
	margin-top: 120px;
}

.statusInfo {
	border: 2px rgb(162, 162, 162) solid;
	background-color: Aqua;
	border-radius: 10px;
	font-size: 20px;
	height: 30px;
	width: 500px;
	z-index: 1px;
}

.Info {
	border: 2px #00ffff solid;
	background-color: white;
	border-radius: 10px;
	font-size: 20px;
	height: 200px;
	width: 500px;
	z-index: -1px;
	display: none;
}

.statusInfo .close {
	background-color: #00ccff;
	width: 20px;
	height: 23px;
	border-radius: 5px;
	text-align: center;
	padding: 0;
	float: right;
	text-decoration: none;
	margin: 5px 10px 5px 0;
	cursor: pointer;
}
</style>

	</head>

	<body>
		<img alt="" src="../images/message.png" style="margin-left: 100px">
		<div id="wrap" style="position: relative; top: -500px; -left: 100px;">

			<div class="statusInfo" onclick="view1();">
				<div>
					<span style="margin-left: 10px">信息：</span>
					<span>洪文焕已向您递交短期内门禁卡的未使用申请</span>
				</div>
			</div>
			<div class="Info" id="smsService1" style="display: block">
				<div>
					<span style="margin-left: 10px">信息：</span>
					<span>【系统消息】罗迪您好，洪文焕已向您递交短期内门禁卡的未使用申请，请尽快给出答复！ </span>
					<br />
					<br />
					<span>时间：2011/8/24</span>
				</div>
			</div>
			<div class="statusInfo" onclick="view2();">
				<div>
					<span style="margin-left: 10px">信息：</span>
					<span>和春辰已向您递交门禁授权申请表</span>
				</div>
			</div>
			<div class="Info" id="smsService2">
				<div>
					<span style="margin-left: 10px">信息：</span>
					<span>【系统消息】罗迪您好，和春辰已向您递交北京 东星大厦 研发一部门禁的授权申请表，请您尽快给出答复！</span>
					<br />
					<br />
					<span>时间：2011/8/22</span>
				</div>
			</div>
			<div class="statusInfo" onclick="view3();">
				<div>
					<span style="margin-left: 10px">信息：</span>
					<span>李唯已向您递交门禁授权申请表</span>
				</div>
			</div>
			<div class="Info" id="smsService3">
				<div>
					<span style="margin-left: 10px">信息：</span>
					<span>【系统消息】罗迪您好，李唯已向您递交北京 东星大厦 研发一部门禁的授权申请表，请您尽快给出答复！</span>
					<br />
					<br />	
					<span>时间：2011/8/23</span>
				</div>
			</div>
		</div>

		<script type="text/javascript">
function view1() {
	var smsService1 = document.getElementById("smsService1");
	var smsService2 = document.getElementById("smsService2");
	var smsService3 = document.getElementById("smsService3");
	smsService1.setAttribute("style", "display: block");
	smsService2.setAttribute("style", "");
	smsService3.setAttribute("style", "");
}
function view2() {
	var smsService1 = document.getElementById("smsService1");
	var smsService2 = document.getElementById("smsService2");
	var smsService3 = document.getElementById("smsService3");
	smsService1.setAttribute("style", "");
	smsService2.setAttribute("style", "display: block");
	smsService3.setAttribute("style", "");
}
function view3() {
	var smsService1 = document.getElementById("smsService1");
	var smsService2 = document.getElementById("smsService2");
	var smsService3 = document.getElementById("smsService3");
	smsService1.setAttribute("style", "");
	smsService2.setAttribute("style", "");
	smsService3.setAttribute("style", "display: block");
}
</script>
	</body>
</html>